@charset "utf-8";
/*公共样式*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,body{
	padding:0;
	margin:0;
}
ul,li{
	 list-style:none;
}
img{
	border:0 none;
}
input,textarea {
	outline: none;
}
a{ 
	text-decoration:none;
	color:#666;
	transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s;
}
a:hover{
	text-decoration: none;
	color: #e27656;
}

body{
	font-size:16px;
	font-family:"微软雅黑";
	color:#666;
	line-height:32px;
	overflow-x: hidden;
}
@media only screen and (max-width:991px ) {
	body {
		font-size: 14px;
		line-height: 24px;
	}
}
@media only screen and (min-width:1600px ) {
	.container {
		width: 1400px;
	}
}
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.clear{
	clear:both;
}
.bg_none{
	background:none !important;	
}
.bd_none{
	border:none !important;	
}
html,body{
      -webkit-text-size-adjust:none;
}



[allbanner] .img img{width:100%;float: left;}
/*banner*/
.indexban{position:relative}
.indexban .swiper-button-prev,
.indexban .swiper-button-next{width:78px;height:78px;margin-top:-24px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexban .swiper-button-prev{left:30px;background-image:url(../images/bann-l.png)}
.indexban .swiper-button-next{right:30px;background-image:url(../images/bann-r.png)}
.indexban .swiper-button-prev:hover{background-image:url(../images/bann-l_cur.png)}
.indexban .swiper-button-next:hover{background-image:url(../images/bann-r_cur.png)}
.indexban .swiper-slide .textbox{position:absolute;left:calc((100% - 1200px)/2);top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transition:1.4s ease 0s;-webkit-transition:1.4s ease 0s;-moz-transition:1.4s ease 0s}
.indexban .swiper-slide .textbox1,
.indexban .swiper-slide .textbox4{top:15%;opacity:0}
.indexban .swiper-slide .textbox1.cur,
.indexban .swiper-slide .textbox4.cur{top:40%;opacity:1}
.indexban .swiper-slide .textbox1 .cnname{font-size:35px;text-align:center;margin:0 auto;line-height:1.286;color:#fff}
.indexban .swiper-slide .textbox1 .enname{width:80%;font-size:60px;text-align:center;margin:16px auto 0;line-height:1;color:#fff;font-family:'helblack';font-weight: bold;}
.indexban .swiper-slide .textbox .more{width:150px;height:48px;background-color:#00284f;color:#fff;text-align:center;line-height:48px;display:block}
.indexban .swiper-slide .textbox1 .more{margin:82px auto 0}
.indexban .swiper-slide .textbox2,
.indexban .swiper-slide .textbox3{top:50%;left:80%;opacity:0}
.indexban .swiper-slide .textbox2.cur,
.indexban .swiper-slide .textbox3.cur{left:50%;opacity:1}
.indexban .swiper-slide .textbox2 .enname{font-family:'dincon';opacity:0.2;font-size:42px;color:#fff}
.indexban .swiper-slide .textbox2 .cnname{font-weight:bold;font-size:45px;color:#fff;margin-top:26px}
.indexban .swiper-slide .textbox2 .text{font-size:26px;color:#fff;margin-top:19px}
.indexban .swiper-slide .textbox2 .more{margin-top:42px}
.indexban .swiper-slide .textbox3 .enname{font-family:'idcnmei';opacity:0.2;font-size:36px;color:#fff}
.indexban .swiper-slide .textbox3 .cnname{font-weight:bold;font-size:32px;color:#fff;margin-top:12px}
.indexban .swiper-slide .textbox3 .more{margin-top:42px}
.indexban .swiper-slide .textbox4 .icon{text-align:center}
.indexban .swiper-slide .textbox4 .icon img{display:inline-block}
.indexban .swiper-slide .textbox4 .cnname{width:80%;font-size:34px;text-align:center;margin:18px auto 0;line-height:1.286;color:#fff}
.indexban .swiper-slide .textbox4 .text{width:35.8%;text-align:center;margin:17px auto 0;opacity:0.6;color:#fff;line-height:2.286}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:40px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;background-color:rgba(255,255,255,0.5);opacity:1;margin:0 8px;position:relative}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg{width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;left:50%;margin-left:-10px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg:nth-child(2){position:absolute;left:0;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{fill:none}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background{stroke:rgba(255,255,255,0);stroke-width:1}
.circle-chart__circle{stroke-linecap:square;fill:none}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{stroke:#fff;stroke-width:1;stroke-linecap:square;fill:none;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:center;-webkit-transform-origin:center;-ms-transform-origin:center;-moz-transform-origin:center}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 5.2s linear reverse;-moz-animation:circle-chart-fill 5.2s linear reverse;-webkit-animation:circle-chart-fill 5.2s linear reverse;-ms-animation:circle-chart-fill 5.2s linear reverse}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 4.5s linear reverse;-moz-animation:circle-chart-fill 4.5s linear reverse;-webkit-animation:circle-chart-fill 4.5s linear reverse;-ms-animation:circle-chart-fill 4.5s linear reverse}
@keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-webkit-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-moz-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-ms-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}

@media (max-width:1620px){ 
    .indexban .swiper-slide .textbox{}
 }
@media (max-width:1440px){ 
    .indexban .swiper-slide .textbox{}
    .indexban .swiper-slide .textbox1 .cnname{font-size:25px}
    .indexban .swiper-slide .textbox1 .enname{font-size:46px}
    .indexban .swiper-slide .textbox1 .more{margin:41px auto 0}
    .indexban .swiper-slide .textbox2 .enname{font-size:32px}
    .indexban .swiper-slide .textbox2 .cnname{font-size:34px;margin-top:14px}
    .indexban .swiper-slide .textbox2 .text{font-size:18px;margin-top:9px}
    .indexban .swiper-slide .textbox2 .more, .indexban .swiper-slide .textbox3 .more{margin-top:31px}
    .indexban .swiper-slide .textbox3 .enname{font-size:26px}
    .indexban .swiper-slide .textbox3 .cnname{font-size:20px}
    .indexban .swiper-slide .textbox4 .icon img{height:54px}
    .indexban .swiper-slide .textbox4 .cnname{font-size:24px;margin-top:10px}
    .indexban .swiper-slide .textbox4 .text{width:60%;line-height:2;margin:10px auto 0}
 }
@media (max-width:1280px){ 
    .indexban .swiper-slide .textbox{}
}

@media (max-width:1024px){
    .indexban .swiper-button-prev,
    .indexban .swiper-button-next{display:none}
}

.tit{ text-align:center; font:100px "Microsoft YaHei UI"; color:#f2f2f2; text-transform:uppercase;}
.tit a{ color:#00284f;}
.tit em{ display:block; font:48px "Microsoft YaHei UI"; position:relative; margin-top:-70px; color:#000;}
.tit i{ display:block; font:20px "Microsoft YaHei UI"; color:#000; margin-top:12px;}

.yinz{ background:url(../images/yinz_bg.jpg) no-repeat center top; height:1050px; overflow:hidden;}
.yinz .tit a{ color:#e1e5ea;}
.yinz1{ width:645px; overflow:hidden; margin-top:100px;}
.yinz p{ width:600px; margin:30px 0 23px; font:14px "Microsoft YaHei UI"; line-height:30px; color:#86898b; height:90px; overflow:hidden; text-align:center;}
.yinz h5{ width:140px; height:40px; margin:0 auto; border-radius:5px; background:#186ae1; border:3px solid #186ae1; text-align:center; font:16px "Microsoft YaHei UI"; line-height:40px;}
.yinz h5 a{ display:block; color:#fff;}
.yinz h5:hover a{ color:#000;}
.yinz h5:hover{ border:3px dashed #186ae1; background:none;}

.sys{ height:824px; padding-top:75px; overflow:hidden; background:url(../images/sys_bg.jpg) no-repeat center top;}
.sys .tit a{ color:rgba(255,255,255,0.03);}
.sys .tit em,.sys .tit i{ color:#fff;}
.sys ul{ margin:125px 0 0 145px;}
.sys li{ width:230px; height:140px; border:4px solid #33d69f; border-radius:230px; float:left; margin-right:94px; text-align:center; font:22px "Microsoft YaHei UI"; font-weight:bold; color:#fff; padding-top:90px;}
.sys li em{ display:block; font:18px "Microsoft YaHei UI"; color:#fff; opacity:0.5; margin-top:14px;}
.sys li:nth-child(2){ border:4px solid #ff9066;}
.sys li:nth-child(3){ border:4px solid #186ae1;}
.sys li:hover{border:4px dashed #33d69f;transform: translateY(-10px);transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.sys li:nth-child(2):hover{ border:4px dashed #ff9066;}
.sys li:nth-child(3):hover{ border:4px dashed #186ae1;}

.int{ height:785px; background:url(../images/int_bg.jpg) no-repeat center top; padding-top:65px;}
.int .tit a{ color:#e2e3e7;}
.int h3{ width:209px; height:429px; float:left; margin:70px 0 0 180px;}
.int h3 img{ display:block;width:209px; height:429px;}
.int h3:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.int ul{ width:560px; float:right; margin:100px 80px 0 0;}
.int li{ width:280px; height:213px; float:left; text-align:center; font:20px "Microsoft YaHei UI"; text-align:center; color:#000;}
.int li img{ display:block; width:90px; height:90px; margin:0 auto 18px;-moz-transition: all 0.8s ease-in-out;
 -webkit-transition: all 0.8s ease-in-out;
 -o-transition: all 0.8s ease-in-out;
 -ms-transition: all 0.8s ease-in-out;
 transition: all 0.8s ease-in-out;}
.int li em{ display:block; font:15px "Microsoft YaHei UI"; color:#838386; margin-top:12px;}
.int li:hover img{-moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);}
 
.pro{ height:1122px; margin-top:70px;}
.prot{ height:140px; margin:34px 0 0 160px;}
.prot h3{ width:90px; height:90px; background:#eeeff3; border-radius:90px; text-align:center; font:24px "Microsoft Yahei"; line-height:90px; color:#070707; float:left; margin-right:172px; cursor:pointer;}
.prot .cur,.prot h3:hover{ background:#33d69f; color:#fff;}
.prot h3:last-child{ margin-right:0;}
.pro1{ height:750px;}
.pro1 dl{ position:relative;}
.pro1 dt img{ display:block; width:1200px; height:720px;}
.pro1 dd p{ width:240px; position:absolute;}
.pro1 dd p em{ display:block; font:20px "Microsoft Yahei"; color:#000;white-space: nowrap;}
.pro1 dd p span{ display:none; font:16px "Microsoft Yahei"; line-height:24px; color:#000; margin-top:5px;} 
.pro1 dd .p1{ top:48px; left:206px;}
.pro1 dd .p2{ top:38px; left:930px;}
.pro1 dd .p3{ top:324px; left:0;}
.pro1 dd .p4{ top:230px; left:1032px;}
.pro1 dd .p5{ top:582px; left:72px;}
.pro1 dd .p6{ top:582px; left:965px;}
.pro1 dd p:hover em{ color:#186ae1;}
.pro1 dd p:hover span{ display:block;}

.tyan2{ margin-top:35px;}
.tyan2 img{ display:block; width:100%;}
.tyan2 .slick-arrow{ display:none; width:0; height:0; background:none;}
.tyan2 .slick-dots{ position:absolute; bottom:30px; height:30px;}
.tyan2 .slick-dots li{ margin:0 9px;}
.tyan2 .slick-dots li button:before{ content:"1"; position:absolute; width:20px; height:20px; border-radius:20px;opacity:1; background:#fff;}
.tyan2 .slick-dots li:nth-child(2) button:before{ content:"2";}
.tyan2 .slick-dots li:nth-child(3) button:before{ content:"3";}
.tyan2 .slick-dots li:nth-child(4) button:before{ content:"4";}
.tyan2 .slick-dots .slick-active button:before{ background:#186ae1; color:#fff;}

.jiam{ background:#f1f2f6; padding:70px 0; text-align:center; min-width:1200px;max-width:1920px; width:100%;}
.jiam dl{ width:28.7%; height:auto; margin-left:3.5%; position:relative; float:left;}
.jiam dt img{ display:block; width:100%; border:10px solid #d9d9dd; border-radius:22px; box-sizing:border-box;}
.jiam dd{ width:100%; position:absolute; top:24%;}
.jiam dd h3 a{ display:block; font-size:2.25rem; font-weight:normal; color:#fff; text-align:center; width:70%; padding-bottom:1rem; border-bottom:1px solid #fff; margin:0 auto;}
.jiam dd p{ text-align:center; line-height:2.8rem; font-size:1rem;}
.jiam dd p a{ display:inline-block; color:#fff; opacity:0.8; padding:0 1%;}
.jiam dd p a:hover{ opacity:1; text-decoration:underline; color:#186ae1; font-weight:bold;}
.jiam dl:hover dt img{ border:10px solid #186ae1;}
@media (min-width: 1600px) and (max-width: 1920px) {
	.jiam dd{top:33%;}
}


.news{ height:695px; margin-top:60px; overflow:hidden;}
.newst{ height:100px; overflow:hidden; position:relative;}
.newst h3{ font:16px "Microsoft YaHei UI"; line-height:100px; float:left; margin-right:75px;}
.newst h3 a{ display:block; color:#000;}
.newst h3 a:hover,.newst .cur a{ font-weight:bold; color:#186ae1;}
.newst h5 a{ display:block; font:16px "Microsoft YaHei UI"; line-height:100px; color:#a3a3a3; position:absolute; top:0; right:0;}
.news1{ height:400px;}
.news1 dl{ width:572px; float:left; height:400px; overflow:hidden;}
.news1 dt{ width:572px; height:264px; overflow:hidden; margin-bottom:20px;}
.news1 dt img{ display:block;width:572px; height:264px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news1 dd h5{ width:112px; height:76px; border-right:1px solid #ebebeb; text-align:center; font:50px Arial, Helvetica, sans-serif; color:#333; float:left;}
.news1 dd h5 em,.news1 li h5 em{ display:block; font:14px "Microsoft YaHei UI"; color:#666;}
.news1 dd p{ width:420px; float:right; overflow:hidden;}
.news1 dd p a,.news1 li p b{ display:block; font:18px "Microsoft YaHei UI"; color:#333;}
.news1 dd p i,.news1 li p i{ display:block; font:14px "Microsoft YaHei UI"; line-height:21px; color:#888; margin-top:13px;}
.news1 ul{ width:560px; float:right; overflow:hidden;}
.news1 li{ border:1px solid #ebebeb; margin-bottom:20px; height:108px;}
.news1 li h5{ width:135px; height:80px; text-align:center; margin-top:12px; border-right:1px solid #ebebeb; font:50px Arial, Helvetica, sans-serif; color:#333; float:left;}
.news1 li p{ width:385px; float:right; margin:16px 12px 0 0;}
.news1 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.news1 dl:hover dd p a,.news1 li:hover p b{ font-weight:bold; color:#186ae1;}
.news1 li:hover{ border:1px solid #186ae1;}


.link{ position:relative; margin-top:-100px; z-index:5;}
.link p{ width:800px; margin-left:20px; font:14px "Microsoft YaHei UI"; line-height:32px; color:#a4a4a4;}
.link p a{ display:inline-block;color:#a4a4a4; padding-right:30px;}
.link p a:hover{font-weight:bold; color:#186ae1;}


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}



.HomePlans {
        background-image: url(../images/boxbg1.jpg);
        padding: 5% 0 2%;
    }
    
    .Bigimg {
        padding-bottom: 5%;
    }
    
    .Bigimg .con {
        width: 43%;
        float: left;
        margin-left: 6.9%;
        padding-top: 4%;
    }
    
    .Bigimg .con .info {
        font-size: 15px;
        line-height: 32px;
        color: #666;
        max-height: 94px;
        overflow: hidden;
        margin: 8% 0;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    
    .Bigimg .con .more {
        display: block;
        width: 160px;
        background: #00a0e9;
        box-shadow: 0px 5px 20px rgba(0, 160, 233, 0.4);
        line-height: 56px;
        font-size: 16px;
        color: #fff;
        border-radius: 30px;
        text-align: center;
    }
    
    .Bigimg .con .more i {
        font-family: "宋体";
        padding-left: 18px;
    }
    
    .Bigimg .pic {
        width: 46.7%;
        float: right;
        position: relative;
    }
    
    .Bigimg .pic img {
        display: block;
        width: 100%;
    }
    
    .Bigimg .pic .jia {
        position: absolute;
        left: 85%;
        top: 100%;
        margin: -80px 0px 0px -15px;
        z-index: 3;
        width: 64px;
        line-height: 64px;
        font-size: 26px;
        color: #fff;
        text-align: center;
        border-radius: 50%;
    }
    
    .Bigimg .pic .jia i {
        position: absolute;
        z-index: 0;
        background: rgba(255, 255, 255, 0.5);
        z-index: 1;
        width: 100px;
        height: 100px;
        left: 50%;
        top: 50%;
        border-radius: 50%;
        margin: -50px 0px 0px -50px;
        -webkit-animation: warn 4s ease-out;
        -moz-animation: warn 4s ease-out;
        animation: warn 4s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
    
    .Bigimg .pic .jia span {
        position: relative;
        z-index: 2;
        display: block;
        background: #00a0e9;
        border-radius: 50%;
    }
    
    .Bigimg .flex-direction-nav a {
        line-height: 10000px;
        overflow: hidden;
        background-size: cover;
        top: auto;
        margin-top: 0;
        bottom: 5%;
        width: 54px;
        height: 54px;
    }
    
    .Bigimg .flex-direction-nav .flex-prev {
        left: -55px;
        background-image: url(../images/left.png);
    }
    
    .Bigimg .flex-direction-nav .flex-next {
        right: -55px;
        background-image: url(../images/right.png);
    }
    
    .Bigimg .flex-direction-nav .flex-prev:hover {
        background-image: url(../images/lefton.png);
    }
    
    .Bigimg .flex-direction-nav .flex-next:hover {
        background-image: url(../images/righton.png);
    }
    
    .Smallimg {
        position: relative;
        width: 660px;
        left: 50%;
        margin-left: -330px;
        bottom: 0px;
    }
    
    .Smallimg .slides li {
        text-align: center;
        padding: 20px 0;
    }
    
    .Smallimg .slides li img {
        display: block;
        width: 100%;
    }
    
    .Smallimg .slides li a {
        display: inline-block;
        vertical-align: middle;
        margin-top: 5%;
        border: 2px solid #fff;
        background: #f5f8fa;
        border-radius: 50%;
        width: 60%;
    }
    
    .Smallimg .slides li.flex-active-slide a {
        width: 80%;
        background: #fff;
        box-shadow: 0px 4px 20px rgba(0, 46, 89, 0.3);
        margin-top: 0;
    }
	
	.boxbg,
    .effect-img span {
        background-size: cover;
        background-position: center center;
    }
    
    .HomeTit {
        margin-bottom: 3%;
    }
    
    .HomeTit .more {
        float: right;
        width: 29px;
        height: 29px;
        background: url(../images/more.png);
        margin-top: 60px;
    }
    
    .HomeTit .name {
        display: block;
        font-size: 34px;
        line-height: 42px;
        color: #2d373c;
        font-weight: bold;
    }
    
    .HomeTit i {
        display: block;
        width: 30px;
        height: 2px;
        background: #00a0e9;
        margin: 16px 0px 13px;
    }
    
    .HomeTit p {
        font-size: 16px;
        color: #666;
        line-height: 24px;
    }
    
    .HomeTit.tc {
        text-align: center;
    }
    
    .HomeTit.tc i {
        margin: 16px auto 13px;
    }
    
    .HomeTit.whitetxt .name {
        color: #fff;
    }
    
    .HomeTit.whitetxt i {
        background: rgba(255, 255, 255, 0.3);
    }
    
    .HomeTit.whitetxt p {
        color: rgba(255, 255, 255, 0.3);
    }
	.w1440 {
        max-width: 1440px;
        min-width: 320px;
        margin: 0px auto;
    }
    
    .w1240 {
        max-width: 1240px;
        min-width: 320px;
        margin: 0px auto;
    }
    
    .auto {
        padding: 0px 76px;
    }
    
    .MarginL {
        padding: 0;
        margin: 0px 76px;
    }
    
    .f_red {
        color: #e60122;
    }
    
    @media ( max-width:1440px) {
        .w1440 {
            padding: 0 3%;
        }
        .auto {
            padding: 0px 44px;
        }
        .MarginL {
            padding: 0;
            margin: 0px 44px;
        }
    }
    
    @media ( max-width:1240px) {
        .w1240 {
            padding: 0 3%;
        }
        .auto {
            padding: 0px 15px;
        }
        .MarginL {
            padding: 0;
            margin: 0px 15px;
        }
        .w1440 .w1240 {
            padding: 0;
        }
    }
    
    @media ( max-width:1200px) {
        .w1200 {
            padding: 0px 15px;
        }
    }
	
	
	



/*产品中心*/
.wzbox{max-width: 1200px; margin: 0 auto;margin-top: 25px;}
.axal_tit{ padding-top: 20px;}
.axal_tit{text-align: center; padding-top: 90px;}
.axal_tit h2{ color: #00284f; font-size: 32px;  font-family: color1; line-height: 64px; }
.axal_tit p{font-size: 30px;color: #646464;}
.cpzx_tit{padding-top: 30px;background: url(../images/a6.png) left 94px;	background-repeat: repeat-x;
	 height: 72px; }
.cpzx_tit ul{text-align: center;}
.cpzx_tit li{display: inline-block;*display: inline;}
.cpzx_tit a{display: inline-block;*display: inline; height: 71px;}
.cpzx_tit span{display: inline-block;*display: inline; line-height: 30px; padding: 0 15px; font-size: 16px;color: #969696;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;}
.cpzx_tit .hover_b a span{background: #00284f;color: #fff;}
.cpzx_tit .hover_b a {background: url(../images/a5.png) no-repeat bottom center;}
.cpzx_tit a:hover span{background: #00284f;color: #fff;}
.cpzx_tit a:hover {background: url(../images/a5.png) no-repeat bottom center;}
.cpzx_box{width:380px}
.cpzx_tp{width:380px; height: 280px;position: relative; overflow: hidden;}
.cpzx_tp img{width:380px;}
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.2);-webkit-transform: scale(1.2); -moz-transform: scale(1.2);-o-transform: scale(1.2); -ms-transform: scale(1.2); }
.cpzx_tp span{display: block; width:31px; height: 38px; position: absolute;top:27px; right:17px; z-index: 1;}
.cpzx_box p{transition: All 0.4s ease-in-out;font-size: 16px; color: #969696; line-height: 66px; border-bottom: 1px solid #646464;}
.qh2 a:hover p span{display: none;}
.qh2 a:hover p{text-align: center;color: #fff;background: #00284f; border-bottom: 1px solid #00284f;}

.cptpxq a:hover p span{display: none;}
.cptpxq a:hover p{text-align: center;color: #fff;background: #00284f; border-bottom: 1px solid #00284f;}

.cpzx_nr ul{overflow: hidden;}
.cpzx_nr li{float: left; padding: 0 30px 85px 0;}
.cpzx_nr ul li:nth-child(3){padding-right: 0;}
.cpzx_nr ul li:nth-child(6){padding-right: 0;}
.cpzx_nr ul li:nth-child(9){padding-right: 0;}
.cpzx_nr ul li:nth-child(12){padding-right: 0;}
.cpzx_nr ul li:nth-child(15){padding-right: 0;}


.in3{position: relative;}

.in3 .img{position: relative;width: 100%;overflow: hidden;height: 700px;}

.in3 .img img{display: block;height: 100%;position: absolute;top: 0;left: 0;opacity: 0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;}

.in3 .img img.act{opacity: 1;}

.in3 .ul1{position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;}

.in3 .ul1 li{display: block;width: 33.33%;box-sizing: border-box;float: left;cursor: pointer;background: url(../images/1_8.png) right center repeat-y; height: 100%;overflow: hidden;position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in3 .ul1 li:nth-child(3){margin-right: 0;}

.in3 .ul1 li .lbox{width: 80%;margin: 0 auto;}

.in3 .ul1 li .lbox .ltp{margin-top: 150px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in3 .ul1 li .lbox .ltp img{display: block;width: 140px;margin: 0 auto; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in3 .ul1 li div{ }

.in3 .ul1 li .lbox .ltp .num{color: #fff;}

.in3 .ul1 li .lbox .ltp .ltt{color: #fff;margin-top: 75px;}

.in3 .ul1 li .lbox .ltp .ltc{margin-top: 30px;color: #fff;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 52px;}

.in3 .ul1 li.l25{width: 25%;}


.in3 .ul1 li.l50{width: 50%;}

.in3 .ul1 li .lbox .lbt{position: absolute;width: 80%;height: 350px;left: 10%;bottom: -350px;overflow: hidden;opacity: 0;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in3 .ul1 li .lbox .lbt .ltt3{margin-top: 30px;}

.in3 .ul1 li .lbox .lbt .ltt2 span{color: #fff;display: block;width: 100px;float: left;}

.in3 .ul1 li .lbox .lbt .ltt2 s{display: block;width: calc(50% - 50px);float: left;height: 1px ;background: #fff;margin-top: 10px;opacity: .5;}

.in3 .ul1 li .lbox .lbt .ltc2{margin-top: 30px;}

.in3 .ul1 li .lbox .lbt .ltc2 a{display: block;width: 33.33%;float: left;text-align: center;color: #ddd;font-size: 16px;margin-bottom: 40px;}

.in3 .ul1 li.l50 .lbox .ltp {margin-top: 40px;transform: scale(.9);-webkit-transform: scale(.9);}

.in3 .ul1 li.l50 .lbox .ltp .ltt{margin-top: 20px;}

.in3 .ul1 li.l50 .lbox .lbt{bottom: 0;opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;}


.in3 .ul1 li.l25 .lbox .lbt{bottom: -350px;opacity: 0;}

.in3 .ul1 li .lbox .lbt .ltc2 a:hover {color: #fff;}

.index_main .main .main_title .main_title_desc {
  font-family: "arialBold";
  font-size: 50px;
  line-height: 1em;
  color: #323232;
}
.index_main .main .main_title .main_title_text {
  font-size: 28px;
  line-height: 1em;
  color: #323232;
  font-weight: lighter;
  margin-top: 5px;
}
.index_main .main .main_more {
  width: 165px;
  height: 50px;
  line-height: 18px;
  border: solid 1px #b2b2b2;
  color: #b2b2b2;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.index_main .main .main_more .main_more_text {
  font-size: 14px;
}
.index_main .main .main_more .main_more_icon {
  font-size: 18px;
  margin-left: 10px;
}
.index_main .main .main_more:hover {
  border-color: #1696f4;
  background: #1696f4;
  color: #fff;
}
.index_main .main1 {
  overflow: hidden;
  padding: 80px 0;
}
.index_main .main1 .main_left {
  width: 49.6%;
}
.index_main .main1 .main_left .line {
  width: 47px;
  height: 3px;
  margin-top: 38px;
  background: #aaaaaa;
}
.index_main .main1 .main_left .main_explain {
  font-size: 14px;
  margin-top: 32px;
  line-height: 26px;
  color: rgba(102, 102, 102, 0.85);
}
.index_main .main1 .main_left .main_left_picture {
  display: none;
}
.index_main .main1 .main_left .list {
  margin-top: 50px;
}
.index_main .main1 .main_left .list .item {
  padding: 0 35px;
  text-align: center;
  position: relative;
}
.index_main .main1 .main_left .list .item .item_num {
  letter-spacing: 1px;
  font-weight: bold;
  line-height: 1em;
  font-size: 50px;
  color: #1696f4;
}
.index_main .main1 .main_left .list .item .item_icon {
  font-size: 24px;
  line-height: 1em;
  margin-left: 3px;
  font-weight: lighter;
  color: rgba(51, 51, 51, 0.5);
}
.index_main .main1 .main_left .list .item .item_explain {
  font-size: 14px;
  margin-top: 18px;
  color: #888888;
  line-height: 22px;
}
.index_main .main1 .main_left .list .item:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 40px;
  position: absolute;
  background: #e5e5e5;
  top: 20px;
  right: 0;
}
.index_main .main1 .main_left .main_more {
  margin-top: 80px;
}
.index_main .main1 .main_right {
  width: 44.6%;
}

/* flex布局兼容 START */
.flex {
    /* 设置为flex盒子 */
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex_column {
    /* 垂直排列 */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.flex_wrap {
    /* 允许换行 */
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex_center {
    /* 设置为flex盒子 */
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    /* 水平方向上居中 */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;

    /* 垂直方向上居中 */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;

}

.flex_row_center {
    /* 水平方向上居中 */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

.flex_row_start {
    /* 水平方向上居左 */
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}

.flex_row_end {
    /* 水平方向上居右 */
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}

.flex_row_justify {
    /* 水平方向上等间距排列 */
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

.flex_column_center {
    /* 垂直方向上居中 */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

.flex_column_start {
    /* 垂直方向上居上 */
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
}

.flex_column_end {
    /* 垂直方向上居下 */
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
}

.flex1 {
    /* 占据1份大小 */
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex_rank_1 {
    /* 排列等级 */
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

.flex_rank_2 {
    /* 排列等级 */
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

/* flex END */



/* 清除浮动 */
.clear_float::after {
    content: ' ';
    display: block;
    clear: both;
    font-size: 0px;
}


/* 浮动 */
.float_left {
    float: left;
}

.float_right {
    float: right;
}


/* 过度 */
.transition {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


/* 单行文本溢出隐藏 */
.one_row_text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


/* 多行文本溢出隐藏 */
.two_row_text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* 字体图标 */
.iconfont {
    color: inherit;
    font-size: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    /* 文字抗锯齿 */
    -moz-osx-font-smoothing: grayscale;
    /* 文字抗锯齿 */
}


/* 背景图 */
.background_img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


/* 图片居中 */
.picture_container {
    position: relative;
    overflow: hidden;
    background: none;
}

.picture_container img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}


/* 禁止双击选中文字 */
.no_select_text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* 文字方向 */
.text_direction_vertical {
    -webkit-writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
}

.text_direction_default {
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
}




[class*=animate_] {
    /* 动画时间，动画开始前的状态 */
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;

    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


/*产品*/
.product{margin:70px 0 50px 0}

.pro-title{ position: relative;}
.pro-title b{font-size:35px;font-weight:bold}
.pro-title b em{color:#0086e5}
.pro-title b{ position: absolute;bottom:0;width:100%;left:0;text-indent: 2px;}

.pro-top{ position: relative;}
.search{width:275px;border-radius:3px;height:45px;float:right;margin-top:-3px}
.search input{float:left;border:none;height:45px; background: none;width:220px}
.search .text{text-indent:15px;}
.search .submit{float:right;height:45px; background: url(../images/search.png) no-repeat center;width:50px}
.pro-nav-ul{overflow: hidden;margin-top:20px;float:right}
.pro-nav-ul li{float:left;margin-left:80px;}
.pro-nav-ul li a{font-size:16px;color:#666;}
.pro-nav-ul li a:hover,.pro-nav-ul li.on a{color:#0086e5}
.pro-nav-ul li:before{content: '';width:0px;height:3px; background: #0086E6;float:left;margin-top:10px;margin-right:7px;transition: all .5s;}
.pro-nav-ul li:hover:before,.pro-nav-ul li.on:before{width:10px}

.pro-list{margin:0 0 0 0;}
.pro-list li{width:333px;margin:0 45px 45px 0;float:left}
.pro-list li:nth-child(4n){margin-right:0}
.pro-list li .pic{width:100%;overflow: hidden;}
.pro-list li .pic img{transition: all 1s; width: 100%;}
.pro-list li .info{width:100%; background:url(../images/pro-bg.png) no-repeat center bottom #f5f5f5;height: 140px;}
.pro-list li:after{content: '';display: block;width:100%;height:6px; background: #E6E6E6;transition: all .3s;}
.pro-list li .info b,.pro-list li .info span{display: block;text-indent: 30px;}
.pro-list li .info span{margin-top:15px}
.pro-list li .info b{font-size:20px;font-weight:bold;line-height: 20px;padding-top:35px}
.pro-list li .info:after{transition: all .3s;content: ""; background: url(../images/pro-more.png) no-repeat center #EDEDED;width:40px;height:40px;text-align: center;float:right;position: relative;top:-50px;right:30px}
.pro-list li:hover:after{background: #0086E6;}
.pro-list li:hover .info:after{ background: url(../images/pro-more.png) no-repeat center  #FFBF00;transform: rotate(180deg);}
.pro-list li:hover .pic img{transform: scale(1.05);}


/**/
.f-cb::after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}
.indexTitle {
  width: 100%;
  position: relative; }
  .indexTitle .cn {
    font-size: 40px;
    line-height: 44px;
    color: #000;
    position: relative;
    z-index: 5;
    font-family: FZE; }
  .indexTitle .en {
    font-size: 76px;
    line-height: 78px;
    opacity: 0.05;
    color: #000;
    position: absolute;
    top: -45px;
    left: 2.4%;
    font-family: FZR;
    text-transform: uppercase; }
    .indexTitle .en.x {
      left: 9.6%; }
  .indexTitle .change {
    font-size: 16px;
    line-height: 36px;
    padding-right: 16px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 34px;
    background-image: url("../images/case_icon2.png");
    position: absolute;	z-index:100;
    right: 25px;
    top: 4px;
    color: #262626; }
  @media (max-width: 1366px) {
    .indexTitle .cn {
      font-size: 30px;
      line-height: 32px; }
    .indexTitle .en {
      font-size: 50px;
      line-height: 52px;
      top: -26px; } }
.w1600 {
  width: 1600px;
  max-width: 92%;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.indexMore {
  width: 220px;
  height: 60px;
  box-sizing: border-box;
  border: 1px solid #505050;
  font-size: 18px;
  line-height: 58px;
  color: #262626;
  text-align: center;
  display: block;
  margin: 0 auto;
  transition: all 0.5s;
  font-weight: bold;
margin-top: 15px;  }
  @media (min-width: 1024px) {
    .indexMore:hover {
      background-color: #00284f;
      color: #fff;
      border-color: #00284f; } }
  @media (max-width: 1366px) {
    .indexMore {
      width: 170px;
      height: 50px;
      line-height: 48px;
      font-size: 16px; } }
.index .box4 {
  padding-top: 5.8%;
padding-bottom: 4.7%;  }
  .index .box4 .list {
    margin-top: 4.5%; }
    .index .box4 .list ul {
      margin-bottom: 5%; }
      .index .box4 .list ul li {	
        width: 22.125%;
        float: left;
        margin-right: 40px;
        box-shadow: 2.5px 4.33px 30px 0px rgba(0, 0, 0, 0.05); }
        .index .box4 .list ul li:last-child {
          margin-right: 0; }
        .index .box4 .list ul li a {
          width: 100%;
          height: auto;
          display: block; }
          .index .box4 .list ul li a .pic {
            width: 100%;
            height: auto;
            overflow: hidden; }
            .index .box4 .list ul li a .pic img {
              transition: all 1.5s; }
          .index .box4 .list ul li a .con {
            width: 100%;
            background-color: #fff;
            padding: 32px 36px 46px;
            box-sizing: border-box;
            z-index: 5;
            position: relative; }
            .index .box4 .list ul li a .con .tits {
              font-size: 20px;
              line-height: 30px;
              color: #262626;
              height: 60px;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              overflow: hidden;
              text-overflow: ellipsis; }
            .index .box4 .list ul li a .con .time {
              font-size: 15px;
              line-height: 16px;
              color: #5b5b5b;
              font-family: FZE;
              margin-top: 34px; }
        @media (min-width: 1024px) {
          .index .box4 .list ul li:hover a .pic img {
            transform: scale(1.1); } 
			
			.index .box4 .list ul li:hover a .con{
            background: #00284f; }
			.index .box4 .list ul li:hover a .con .time{
            color: white; }
			.index .box4 .list ul li:hover a .con .tits{
            color: white; }
			
			}
@media (max-width: 1366px) {
  .index .box1 .boxNew .list ul li.on a .con .t {
    font-size: 26px;
    line-height: 28px; }
  .index .box1 .boxNew .list ul li a .con .t1 {
    font-size: 16px;
    line-height: 26px; }
  .index .box2 .list ul li a .con .tits {
    font-size: 26px;
    line-height: 70px; }
  .index .box2 .list ul li a .con .tit {
    margin-top: 30px; }
  .index .box2 .list ul li a .con {
    padding-bottom: 40px; }
  .index .box4 .list ul li a .con {
    padding: 20px 25px 30px; } }
@media (max-width: 1200px) {
  .index .box1 .boxNew .list ul li.on a .con .t {
    font-size: 20px;
    line-height: 22px; }
  .index .box1 .boxNew .list ul li a .con .t {
    font-size: 18px;
    line-height: 20px; }
  .index .box2 .list ul li a .con .tit .t {
    font-size: 20px;
    line-height: 22px; }
  .index .box2 .list ul li a .con .tit .t1 {
    font-size: 16px;
    line-height: 24px;
    height: 48px; }
  .index .box2 .list ul li a .con .tit .t2 {
    margin-top: 30px; }
  .index .box2 .list ul li a .con .tits {
    font-size: 22px;
    line-height: 60px; }
  .index .box3 .itemBox .item .tits {
    font-size: 22px;
    line-height: 24px;
    margin-top: 15px; }
  .index .box3 .itemBox .item .tit {
    font-size: 16px;
    line-height: 24px;
    margin-top: 5px; }
  .index .box4 .list ul li a .con {
    padding: 10px 15px 20px; }
    .index .box4 .list ul li a .con .tits {
      font-size: 16px;
      line-height: 24px;
      height: 48px; }
    .index .box4 .list ul li a .con .time {
      font-size: 14px;
      line-height: 16px;
      margin-top: 15px; } }
	  
	  
	  /*优势*/

.power { overflow: hidden; height: 959px; position: relative }
.power .power_info { position: absolute; height: 320px; right: 50%; width: 600px; z-index: 4 }
.power h2 a { display: block;
font-size: 42px;
color: #00284f;
line-height: 100%;
margin-top: 99px;
font-weight: bold;}
.power_nav { position: absolute; margin-top: 49px; width: 432px; height: 124px; overflow: hidden }
.power_nav li { width: 93px; height: 124px; background: #fff; border: 3px solid #00284f; font-size: 18px; color: #363636; line-height: 24px; padding: 61px 34px 0 17px; margin-right: 20px; float: left; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; box-sizing: border-box; cursor: pointer; position: relative }
.power_nav li:after { position: absolute; content: ""; width: 93px; height: 0; background: #00284f; right: 0; top: 0 }
.power_nav li:after { -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; z-index: 1; left: -3px; right: auto; top: auto; bottom: -3px }
.power_nav li span { position: relative; z-index: 2 }
/*.power_nav li.swiper-slide-thumb-active { border-color: #010101; color: #fff }*/
/*.power_nav li.swiper-slide-thumb-active:after { height: 124px }*/
.power_nav li.cur { border-color: #010101; color: #fff }
.power_nav li.cur:after { height: 124px }

.power_con .swiper-slide { overflow: hidden; position: relative; height: 959px }
.power_con dd { width: 600px; position: absolute; right: 50%; top: 0; background: #fff; overflow: hidden }
.power_con dd>* { opacity: 0; transform: translateY(25px); transition: all .4s }
.power_con .swiper-slide-active dd>* { opacity: 1; transform: none }
.power_con .swiper-slide-active dd>:nth-child(1) { transition-delay: .3s }
.power_con .swiper-slide-active dd>:nth-child(2) { transition-delay: .4s }
.power_con .swiper-slide-active dd>:nth-child(3) { transition-delay: .5s }
.power_con .swiper-slide-active dd>:nth-child(4) { transition-delay: .6s }
.power_con .swiper-slide-active dd>:nth-child(5) { transition-delay: .7s }
.power_con dt { width: 666px; position: absolute; top: 0; left: 50%; margin-left: -93px }
.power_con h4 { font-size: 18px; color: #333; line-height: 100%; margin-top: 371px; text-transform: uppercase; margin-bottom: 58px }
.power_con h4 span { display: block; font-size: 48px; color: #363636; line-height: 100%; margin-bottom: 3px; letter-spacing: 2px; font-weight: 500 }
.power_con p { font-size: 16px; color: #363636; line-height: 30px; margin-bottom: 20px; width: 496px }
.power_con a.more { margin-top: 68px; display: block; font-size: 18px; color: #333; line-height: 100% }
.power_con dl:nth-child(2) dt img {margin-left:-7px;}
.power_con dl:nth-child(3) dt img {margin-left:-14px;}
.power_con dl:nth-child(4) dt img {margin-left:-17px;}

.power_pagination { position: absolute; width: 600px; height: 40px; z-index: 4; right: 50%; bottom: 122px }
.power_pagination>div { position: relative; left: auto; right: auto; display: inline-block; width: 36px; outline: 0; background: 0 0 }


.lx { position: relative;  overflow: hidden; min-width: 1200px;   
}
.lx .lx_con { position: relative; height: auto;width: 100%;
    }
    
.lx .lx_con .swiper-slide {line-height: 0}
.lx .lx_con .swiper-slide img {max-width: 100%;}
.lx .content { position: absolute; z-index: 2; left: 50%; margin-left: -600px; top: 116px }
.lx .swiper-button-next { left: 0; top: 21px; outline: 0; background: 0 0 }
.lx .swiper-button-prev { left: 0; top: 92px; outline: 0; background: 0 0 }
.lx h2 { width: 465px; margin-left: 120px }
.lx h2 span { display: block; padding-left: 9px; font-size: 20px; color: #fff; line-height: 100%; font-weight: 400; margin-bottom: 11px }
.lx h2 a { display: block; font-size: 60px; color: #fff; line-height: 77px; font-weight: 500; letter-spacing: 6px }
.lx .lx_nav { margin-left: 120px; margin-top: 27px; width: 253px;padding-top: 2px }
.lx .lx_nav:before { position: absolute; content: ""; width: 100%; height: 0; background: #fff; top: 0; left: 0 }
.lx .lx_nav li.swiper-slide-thumb-active,.lx .lx_nav li.cur { border-top: 2px solid #00284f }
.lx .lx_nav li { width: 57px; height: 78px; padding-top: 13px; position: relative; margin-top: -2px; float: left; z-index: 99; cursor: pointer; border-top: 2px solid #fff;margin-right:41px; }
.lx .lx_nav li span { display: block; position: absolute; width: 100%; text-align: center; font-size: 18px; color: #fefefe; line-height: 100%; bottom: 4px; left: 0 }
.lx .lx_nav li:last-child { margin-right: 0 }
.lx .lx_logo { position: absolute; bottom: -70%; left: -44px; width: 105px; height: 105px; border-radius: 0 10px; z-index: 2; overflow: hidden }

.index-floor{ background-color:#fff;}
.floor-5{ background-color:transparent;}
.index-floor,
.group-intro{ position:relative; z-index:1;}

.home-tit{text-align: center; margin: 0;}
.home-tit .en{display: block;}
.home-tit .cn{color: #00284f; font-size: 42px; position: relative;z-index: 2; top: -15px; font-weight:bold}
.home-tit p{font-size: 16px; color: #666; margin: 0;font-weight: normal;}


.index-banner {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s,visibility .4s;
	position: relative;
	z-index: 0
}

.index-banner.isReady {
	opacity: 1;
	visibility: visible
}

.index-banner-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0
}

.index-banner-slide {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	overflow: hidden;
	box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
}

.index-banner .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.index-banner.typea.anmi .index-banner-slide {
	transition: opacity .6s ease-out,visibility .6s ease-out
}

.index-banner.typea .index-banner-slide {
	opacity: 0;
	visibility: hidden
}

.index-banner.typea .index-banner-slide.active {
	opacity: 1;
	visibility: visible
}

.index-banner.typeb.anmi .index-banner-slide.prev {
	opacity: 1
}

.index-banner.typeb.anmi .index-banner-slide.next {
	-webkit-animation: banner-next-anim .6s ease-out forwards;
	animation: banner-next-anim .6s ease-out forwards
}

.index-banner.typeb .index-banner-slide.active {
	z-index: 1
}

.index-banner.typeb .index-banner-slide.prev {
	z-index: 3;
	right: auto;
	left: 0;
	width: 100%;
	transform: skew(-17deg);
	transform-origin: left top;
	-webkit-animation: banner-active-anim .6s ease-out forwards;
	animation: banner-active-anim .6s ease-out forwards;
	opacity: 0
}

.index-banner.typeb .index-banner-slide.prev .img {
	transform: skew(17deg);
	transform-origin: left top
}

.index-banner.typeb .index-banner-slide.next {
	z-index: 2;
	width: 15%;
	transform: skew(-17deg);
	transform-origin: left bottom
}

.index-banner.typeb .index-banner-slide.next .img {
	left: auto;
	right: 0;
	transform: skew(17deg);
	transform-origin: right bottom
}

.index-banner-text {
	font-size: 44px;
	font-weight: 500;
	position: absolute;
	left: 6%;
	top: 40%;
	z-index: 1;
	width: 88%;
	color: #fff;
	font-weight: 700;
	line-height: 70px;
	margin-top: -70px;
	text-shadow: 0 0 6px rgba(0,0,0,.4)
}

.index-banner-text>p:nth-of-type(2) {
	padding-left: 132px
}

.index-banner-btn {
	width: 84px;
	height: 84px;
	position: absolute;
	right: 6%;
	top: 50%;
	z-index: 2;
	margin-top: -42px;
	cursor: pointer
}

.index-banner-btn:hover .btn-img:after {
	opacity: 1
}

.index-banner-btn .btn {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(135deg,#00284f,#00284f);
	border-radius: 50%;
	padding: 4px
}

.index-banner-btn:after,.index-banner-btn:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -70px 0 0 -70px;
	width: 140px;
	height: 140px;
	border: 1px solid #fff;
	border-radius: 50%;
	transform: scale(.2);
	z-index: 0;
	-webkit-animation: banner-btn-anim 3s ease-out infinite;
	animation: banner-btn-anim 3s ease-out infinite
}

.index-banner-btn:before {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.index-banner-btn:after {
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}

.index-banner-btn .btn-img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	background: no-repeat 50%/cover;
	position: relative;
	z-index: 1
}

.index-banner-btn .btn-img:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0,0,0,.4) url(../images/icon-jt01.png) no-repeat 50%/30px;
	opacity: 0;
	transition: opacity .3s
}


@-webkit-keyframes banner-active-anim {
	0% {
		width: 100%
	}

	80% {
		width: 0
	}

	to {
		width: 0
	}
}

@keyframes banner-active-anim {
	0% {
		width: 100%
	}

	80% {
		width: 0
	}

	to {
		width: 0
	}
}

@-webkit-keyframes banner-next-anim {
	0% {
		width: 0
	}

	80% {
		width: 0
	}

	to {
		width: 15%
	}
}

@keyframes banner-next-anim {
	0% {
		width: 0
	}

	80% {
		width: 0
	}

	to {
		width: 15%
	}
}

@-webkit-keyframes banner-btn-anim {
	0% {
		opacity: 0;
		transform: scale(.2)
	}

	5% {
		opacity: 1
	}

	50% {
		opacity: .8
	}

	to {
		opacity: 0;
		transform: scale(1)
	}
}

@keyframes banner-btn-anim {
	0% {
		opacity: 0;
		transform: scale(.2)
	}

	5% {
		opacity: 1
	}

	50% {
		opacity: .8
	}

	to {
		opacity: 0;
		transform: scale(1)
	}
}

@-webkit-keyframes mouse-anim {
	0% {
		transform: translateY(0);
		opacity: 1
	}

	50% {
		transform: translateY(20px);
		opacity: .5
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes mouse-anim {
	0% {
		transform: translateY(0);
		opacity: 1
	}

	50% {
		transform: translateY(20px);
		opacity: .5
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes amap-icon-anim {
	0% {
		opacity: 0;
		transform: scale(.1)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: scale(1)
	}
}

@keyframes amap-icon-anim {
	0% {
		opacity: 0;
		transform: scale(.1)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: scale(1)
	}
}


/*关于我们*/
.about {
	margin: 40px auto 55px;
}
.index-title {
	line-height: 90px;
	font-size: 28px;
	color: #000;
}
.aboout-left {
	float: left;
	width: 385px;
	border-top: 8px solid #F7F7F7;
}
.about-left-content {
	line-height: 30px;
	margin: 40px auto;
}
.more {
	width: 120px;
	height: 42px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #e27656;
	font-size: 14px;
	color: #e27656;
	display: block;
}
.more:hover {
	color: #fff;
	background: #e27656;
}
.about-right {
	width: calc(100% - 470px);
	float: right;
}
.about-block-left {
	float: left;
	overflow: hidden;
	width: calc(100% - 412px);
	height: 302px;
}
.block-honor,
.block-cluture {
	display: block;
	height: 137px;
	width: calc(50% - 6px);
}
.block-honor {
	background: url(../images/honor_bg.png) no-repeat center;
	background-size: calc(100% + 10px) 100%;
	padding: 15px 0 0 20px;
	font-size: 16px;
	color: #fff !important;
	float: left;
}
.block-honor:hover {
	background-position: -10px 0;
}
.block-cluture {
	background: #e27656;
	float: right;
}
.cluture-content {
	text-align: center;
	color: #fff;
}
.cluture-content h4 {
	font-size: 16px;
	margin: 25px auto 20px;
}
.cluture-content p {
	font-size: 14px;
	line-height: 24px;
}
.block-history {
	display: block;
	width: 100%;
	margin-top: 12px;
	height: 153px;
	background: url(../images/history_bg.png) no-repeat center;
	background-size: calc(100% + 10px) 100%;
	padding: 15px 0 0 20px;
	font-size: 16px;
	color: #333 !important;
}
.block-history:hover {
	background-position: -10px 0;
}
.about-block-right {
	float: right;
	width: 400px;
	height: 302px;
}
.about-block-right a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background: url(../images/factory_bg.png) no-repeat center;
	background-size: calc(100% + 10px) 100%;
}
.about-block-right a:hover {
	background-position: -10px 0;
}
.about-block-right a h4 {
	position: absolute;
	left: 5%;
	bottom: 0;
	width: 90%;
	line-height: 40px;
	height: 40px;
	font-size: 16px;
	color: #fff;
	background: url(../images/factory_icon.png) no-repeat right center;
}
@media only screen and (max-width:1599px ) {
	.about-right {
		width: calc(100% - 420px);
	}
}
@media only screen and (max-width:1199px ) {
	.index-title {
		line-height: 60px;
		font-size: 25px;
	}
	.aboout-left {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.about-left-content {
		margin: 20px auto;
	}
	.about-right {
		width: 100%;
		float: none;
	}
	
}
@media only screen and (max-width:991px ) {
	.index-title {
		line-height: 50px;
		font-size: 22px;
	}
	.about {
		margin: 30px auto;
	}
}
@media only screen and (max-width:767px ) {
	.index-title {
		margin-bottom: 10px;
		line-height: 40px;
	}
	.about-block-left {
		width: 100%;
		float: none;
	}
	.about-block-right {
		display: none;
		float: none;
		width: 100%;
		margin-top: 12px;
	}
}

/*首页 工程案例*/
.case {
	margin-bottom: 100px;
}
.case-scroll .item {
	margin: 0 12px;
}
.case-scroll-a {
	display: block;
	width: 100%;
	position: relative;
	max-width: 450px;
	margin: 0 auto;
	overflow: hidden;
}
.case-scroll-a img {
	display: block;
	width: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.case-scroll-a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.case-name {
	position: absolute;
	left: 5%;
	bottom: 15px;
	width: 90%;
	overflow: hidden;
}
.case-name h3 {
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.case-name h4 {
	font-size: 14px;
	color: #aaa;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*.case-scroll.owl-carousel .owl-wrapper-outer {
	overflow: visible;
}*/
.case-scroll .owl-prev,
.case-scroll .owl-next {
	text-indent: -9999px;
	width: 66px;
	height: 77px;
	cursor: pointer;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
}
.case-scroll .owl-prev {
	background: url(../images/scroll_left.png) no-repeat center rgba(0,0,0,.6);
	left: -80px;
}
.case-scroll .owl-next {
	background: url(../images/scroll_right.png) no-repeat center rgba(0,0,0,.6);
	right: -80px;
}
@media only screen and (max-width:1399px ) {
	.case-scroll .owl-prev {
		left: 12px;
	}
	.case-scroll .owl-next {
		right: 12px;
	}
}
@media only screen and (max-width:991px ) {
	.case {
		margin-bottom: 45px;
	}
}
@media only screen and (max-width:767px ) {
	.case {
		margin-bottom: 30px;
	}
	.case-name h3 {
		font-size: 16px;
	}
	.case-scroll .owl-prev,
	.case-scroll .owl-next {
		width: 44px;
		height: 55px;
	}
}



.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg6.jpg) no-repeat center center; background-size:cover; padding:60px 200px 60px 200px; position:relative;}

.new_l{ float:left; width:30%; height:auto; overflow:hidden;}

.new_lt{ height:auto; overflow:hidden; font-size:28px; color:#00284f; font-weight:bold; line-height:40px; margin-bottom:45px;}

.new_lt i{ display:block; color:#00284f; font-size:60px;font-family: "Alter32_1"; line-height:60px; text-transform:uppercase;}

.new_lc{ clear:both; height:auto; overflow:hidden; margin-bottom:100px;}

.new_lc h1{ color:#3d3d3d; font-size:20px; font-weight:bold; line-height:24px; margin-bottom:5px;}

.new_lc p{ line-height:28px; color:#7a7a7a; letter-spacing:0.5px;}

.new_lb{ height:auto; overflow:hidden;}

.new_lb ul{ float:left;}

.new_lb li{ display:inline-block; margin-right:32px;}

.new_lb li:last-child{ margin-right:0px;}

.new_lb li img{ display:block; margin:0 auto; margin-bottom:10px;}

.dada span{ color:#00284f; font-size:14px;opacity:1;transition: all 1s ease;font-weight: bold; }

.xiao span{ color:#454545; font-size:14px;opacity:1;transition: all 1s ease; }

.gini{ float:left; background:url(../images/bg7.jpg) no-repeat left center; padding-left:104px; line-height:46px;}

.gini a{ color:#2b2b2b; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}

.new_r{ float:right; width:70%;}

.tab22{width:auto;}

.tab22 ul.menu{height:auto;background:#fcfcfc;position:relative;}

.tab22 ul.menu li{ cursor:pointer;float:left;text-align:center;width:24%; position:relative; margin-right:1.3%;}

.tab22 ul.menu li.active{background:#b3702c;color:#fff;}

.tab22 ul.menu li:last-child{ margin-right:0%;}

.tab22 ul.menu li img{ display:block; width:100%;}

.toni{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/bg1.png) no-repeat center center rgba(3,42,97,0.5); padding-top:55px; opacity:0;transition: all 1s ease;background-size:cover; }

.tab22 ul.menu li.active .toni{opacity:1;}

.toni p{ text-align:center; color:#fff; line-height:18px; font-size:14px; font-weight:bold;}

.con1,.con2,.con3,.con4{height:auto;clear:both; margin-bottom:16px;}

.con2,.con3,.con4{display:none;}

.tab3{width:auto;}

.tab3 ul.menu{height:auto;background:#fcfcfc;position:relative;}

.tab3 ul.menu li{ cursor:pointer;float:left;text-align:center;width:24%; position:relative; margin-right:1.3%;}

.tab3 ul.menu li.active{background:#b3702c;color:#fff;}

.tab3 ul.menu li:last-child{ margin-right:0%;}

.tab3 ul.menu li img{ display:block; width:100%; }

.tab3 ul.menu li.active .toni{opacity:1;}

.toni p{ text-align:center; color:#fff; line-height:20px; min-height:40px; font-size:14px; padding: 0px 7px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.con5,.con6,.con7,.con8{height:auto;clear:both; margin-bottom:16px;}

.con6,.con7,.con8{display:none;}

.gcin{ height:auto; overflow:hidden; background:#00284f;}

.gcin_l{ float:left; width:43%; height:auto; overflow:hidden;}

.gcin_l img{ display:block; width:100%;}

.gcin_r{ float:left; width:57%; padding:48px 40px 0 40px;}

.gcin_r h1{ color:#fff; font-weight:bold; font-size:18px; line-height:24px;height:50px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
}

.gcin_r span{ font-family:Arial, Helvetica, sans-serif; color:#e0e0e0; line-height:32px; font-weight:bold; margin-bottom:5px;display:block;text-align:right;}

.gcin_r p{ color:#f2f2f2; font-size:14px; line-height:24px; height:72px; overflow:hidden; margin-bottom:35px;text-align: justify;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;
}

.gcin_r font{ display:block;text-align:right; position:relative; border-top:1px solid rgba(255,255,255,0.16); color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; text-transform:uppercase; padding-top:9px; font-weight:bold;}

.gcin_r font:after{ content:'';position:absolute;right:0; top:-2px; height:2px;width:60px;background:#fff;transition:400ms ease all;-moz-transition:400ms ease all;}

.xiaq{ display:none;}

@media(max-width:1680px){

.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg6.jpg) no-repeat center center; background-size:cover; padding:60px 100px 60px 100px; position:relative;}	

}

@media(max-width:1440px){

.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg6.jpg) no-repeat center center; background-size:cover; padding:60px 60px 60px 60px; position:relative;}

.gcin_l img{ display:block; width:100%; height:259px;}	

.gcin_r{ float:left; width:57%; padding:30px 40px 0 40px;}

.tab3 ul.menu li img{ display:block; width:100%; height:136px;}

.tab22 ul.menu li img{ display:block; width:100%; height:136px;}

}

@media(max-width:1280px){

.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg6.jpg) no-repeat center center; background-size:cover; padding:60px 60px 60px 60px; position:relative;}

.gcin_l img{ display:block; width:100%; min-height:227px;}	

.gcin_r{ float:left; width:57%; padding:20px 20px 0 20px;}

.tab3 ul.menu li img{ display:block; width:100%; height:136px;}

.tab22 ul.menu li img{ display:block; width:100%; height:136px;}

.gcin_r p{ color:#f2f2f2; font-size:14px; line-height:24px; height:72px; overflow:hidden; margin-bottom:25px;}

.toni{ position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(3,42,97,0.5); padding-top:50px; opacity:0;transition: all 1s ease;background-size:cover; }

.new_lc{ clear:both; height:auto; overflow:hidden; margin-bottom:60px;}

}

@media(max-width:1024px){

.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg6.jpg) no-repeat center center; background-size:cover; padding:60px 30px; position:relative;}

.gcin_l img{ display:block; width:100%; height:270px;}	

.gcin_r{ float:left; width:57%; padding:35px 20px 0 20px;}

.tab3 ul.menu li img{ display:block; width:100%; height:142px;}

.tab22 ul.menu li img{ display:block; width:100%; height:142px;}

.gcin_r p{ color:#f2f2f2; font-size:14px; line-height:24px; height:72px; overflow:hidden; margin-bottom:25px;}

.toni{ position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(3,42,97,0.5); padding-top:50px; opacity:0;transition: all 1s ease;background-size:cover; }

.new_lc{ clear:both; height:auto; overflow:hidden; margin-bottom:30px;}

.new_l{ float:left; width:100%; height:auto; overflow:hidden;}

.new_lt{ height:auto; overflow:hidden; font-size:18px; color:#00284f; font-weight:bold; line-height:28px; margin-bottom:20px;}

.new_lt i{ display:block; color:#00284f; font-size:40px;font-family: "Alter32_1"; line-height:40px; text-transform:uppercase;}

.new_lc h1{ color:#3d3d3d; font-size:16px; font-weight:bold; line-height:24px; margin-bottom:5px;}

.new_r{ float:right; width:100%; margin-top:20px;}

}

@media(max-width:768px){

.new_lb li img{ display:block; margin:0 auto; margin-bottom:5px;}

.new_lb li{margin-right:15px;}

.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg6.jpg) no-repeat center center; background-size:cover; padding:60px 30px; position:relative;}

.gcin_l img{ display:block; width:100%; height:auto;}	

.gcin_r{ float:left; width:100%; padding:20px;}

.tab3 ul.menu li img{ display:block; width:100%; height:105px;}

.tab22 ul.menu li img{ display:block; width:100%; height:105px;}

.gcin_r p{ color:#f2f2f2; font-size:14px; line-height:24px; height:auto; overflow:hidden; margin-bottom:15px;}

.toni{ position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(3,42,97,0.5); padding-top:30px; opacity:0;transition: all 1s ease;background-size:cover; }

.new_lc{ clear:both; height:auto; overflow:hidden; margin-bottom:30px;}

.new_l{ float:left; width:100%; height:auto; overflow:hidden;}

.new_lt{ height:auto; overflow:hidden; font-size:18px; color:#00284f; font-weight:bold; line-height:28px; margin-bottom:20px;}

.new_lt i{ display:block; color:#00284f; font-size:20px;font-family: "Alter32_1"; line-height:20px; text-transform:uppercase;}

.new_lc h1{ color:#3d3d3d; font-size:16px; font-weight:bold; line-height:24px; margin-bottom:5px;}

.new_r{ float:right; width:100%; margin-top:20px;}

.gcin_l{ float:left; width:100%; height:auto; overflow:hidden;}

}

@media(max-width:414px){

.tab22 ul.menu{display: none;}

.tab3 ul.menu{display: none;}

.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg6.jpg) no-repeat center center; background-size:cover; padding:15px 0px; position:relative;}

.gcin_l img{ display:block; width:100%; height:auto;}	

.gcin_r{ float:left; width:100%; padding:10px 15px;}

.tab3 ul.menu li img{ display:block; width:100%; height:115px;}

.tab22 ul.menu li img{ display:block; width:100%; height:115px;}

.gcin_r p{ color:#f2f2f2; font-size:14px; line-height:24px; height:auto; overflow:hidden; margin-bottom:15px; display:none;}

.toni{ position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(3,42,97,0.5); padding-top:40px; opacity:0;transition: all 1s ease;background-size:cover; }

.new_lc{ clear:both; height:auto; overflow:hidden; margin-bottom:10px;}

.new_l{ float:left; width:100%; height:auto; overflow:hidden;padding:0px 15px;}

.new_lt{ height:auto; overflow:hidden; font-size:16px; color:#00284f; font-weight:bold; text-align:center; line-height:28px; margin-bottom:10px;}

.new_lt i{ display:block; color:#00284f; font-size:20px;font-family: "Alter32_1"; line-height:28px; text-transform:uppercase;}

.new_lc h1{ color:#3d3d3d; font-size:14px; font-weight:bold; line-height:28px; margin-bottom:0px;}

.new_r{ float:right; width:100%; margin-top:10px; display:none;}

.gcin_l{ float:left; width:100%; height:auto; overflow:hidden;}

.gcin_r h1{ color:#333; font-weight:bold; font-size:14px; line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.tab3 ul.menu li{ cursor:pointer;float:left;text-align:center;width:49%; position:relative; margin-right:1%;}

.tab22 ul.menu li{ cursor:pointer;float:left;text-align:center;width:50%; position:relative; margin-right:0px;}

.gcin_r font{ display:block; position:relative; border-bottom:1px solid rgba(0,0,0,0.16); color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; text-transform:uppercase; padding-top:5px; font-weight:bold;}

.con1,.con2,.con3,.con4{height:auto;clear:both; margin-bottom:0px;}

.con5,.con6,.con7,.con8{height:auto;clear:both; margin-bottom:0px;}

.tab22,.tab3{width:auto; display:none;}

.gcin_r span{ font-family:Arial, Helvetica, sans-serif; color:#333; line-height:32px; font-weight:bold; margin-bottom:20px; font-size:12px;}

.gcin_r font:after{ content:'';position:absolute;left:0; bottom:-2px; height:2px;width:60px;background:#000;transition:400ms ease all;-moz-transition:400ms ease all;}

.xiaq{ display:block; margin-top:10px;}

.gcin{ height:auto; overflow:hidden; background:#fff; text-align:left; clear:both;}

.new_lb{ height:auto; overflow:hidden; display:none;}

.xiaq span{ font-family:Arial, Helvetica, sans-serif; color:#999; line-height:24px; font-weight:bold; margin-bottom:0px; font-size:12px;}

.xiaq font:after{ content:'';position:absolute;left:0; bottom:-2px; height:2px;width:60px;background:#999;transition:400ms ease all;-moz-transition:400ms ease all;}

.xiaq li{ padding:5px 10px; background:#fff;}

.xiaq h1{ color:#333; font-weight:bold; font-size:14px; line-height:28px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.xiaq p{ color:#f2f2f2; font-size:14px; line-height:28px; height:auto; overflow:hidden; margin-bottom:15px; display:none;}

.xiaq font{ display:block; position:relative; border-bottom:1px solid rgba(0,0,0,0.16); color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:0px; text-transform:uppercase; padding-top:0px; font-weight:bold; padding-bottom:0px;}



}


.index-page02-m .title {
		font-size: 18px
	}

	.index-page02-m .text {
		font-size: 13px;
		padding-top: 16px;
		margin-top: 16px
	}
	
.index-page02 {
	padding-top: 72px
}

.index-page02 .bg {
	width: 100%
}

.index-page02 .img-wrap {
	width: 100%;
	height: 100%;
	background: no-repeat 50%/cover
}

.index-page02 .img {
	width: 100%;
	display: none
}

.index-page02 .list {
	position: relative;
	background-color: #000
}

.index-page02 .list.recovery .title {
	opacity: 1
}

.index-page02 .list.recovery .other,.index-page02 .list.recovery .title {
	transition: opacity .3s ease-out .5s,transform .3s ease-out .5s
}

.index-page02 .list.recovery .mask {
	transition: background-color .3s ease-out .5s
}

.index-page02 .item {
	position: absolute;
	top: 0;
	z-index: 0;
	width: 20%;
	height: 100%;
	overflow: hidden;
	color: #fff
}

.index-page02 .title {
	z-index: 1;
	font-size: 24px;
	font-weight: 700;
	max-width: 400px;
	padding: 0 44px 90px;
	opacity: 0;
	transform: translateY(50px);
	transition: opacity .3s ease-out,transform .3s ease-out;
	text-shadow: 0 0 4px rgba(0,0,0,.4)
}

.index-page02 .mask,.index-page02 .title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.index-page02 .mask {
	z-index: 0;
	height: 100%;
	background: url(../images/index-ln-wordbg.png) repeat-x bottom/auto 30%;
	transition: background-color .3s ease-out
}

.index-page02 .text {
	font-size: 15px;
	line-height: 24px;
	height: 70px;
	margin-bottom: 10px;
	border-top: 1px solid hsla(0,0%,100%,.5);
	padding-top: 40px
}

.index-page02 .other {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	padding: 0 44px 20px;
	max-width: 400px;
	opacity: 0;
	transform: translateY(100%);
	transition: opacity .3s ease-out,transform .3s ease-out
}

.index-page02 .other .icon {
	width: 32px;
	margin-left: 24px
}

.index-page02-m {
	display: none
}

.index-page02-m .mask {
	z-index: 0;
	height: 100%;
	background-color: rgba(0,0,0,.2);
	transition: background-color .3s ease-out
}

.index-page02-m .mask,.index-page02-m .wrap {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.index-page02-m .wrap {
	z-index: 1;
	padding: 8%;
	color: #fff;
	max-width: 360px
}

.index-page02-m .more {
	font-size: 12px;
	margin-top: 30px
}

.index-page02-m .title {
	font-size: 20px;
	font-weight: 700
}

.index-page02-m .text {
	font-size: 14px;
	border-top: 1px solid hsla(0,0%,100%,.5);
	padding-top: 20px;
	margin-top: 20px
}

.index-page02-m .icon {
	width: 20px;
	margin-left: 16px
}
.maxwidth {
    width: 88%;
    margin: 0 auto;
}

@media only screen and (min-width:961px) {
	.index-page03 .btn:hover {
		opacity: 1;
		background-color: #e9e9e9
	}

	.index-cases .box:hover .img,.index-cases .swiper-slide-active .box .img {
		transform: translateY(0)
	}

	.index-cases .box:hover .title {
		color: #1a2e72
	}

	.index-page02 .item:nth-of-type(2) {
		left: 20%
	}

	.index-page02 .item:nth-of-type(3) {
		left: 40%
	}

	.index-page02 .item:nth-of-type(4) {
		left: 60%
	}
	.index-page02 .item:nth-of-type(5) {
		left: 80%
	}

	.index-page02 .item.active .title {
		transform: translateY(-50px);
		opacity: 1;
		transition: opacity .3s ease-in .3s,transform .3s ease-in .3s
	}

	.index-page02 .item.active .mask {
		background-color: rgba(0,0,0,.2)
	}

	.index-page02 .item.active .other {
		transform: translateY(0);
		opacity: 1;
		transition: opacity .3s ease-in .3s,transform .3s ease-in .3s
	}
}

@media only screen and (max-width:1600px) {
	.index-page02 {
		padding-top: 60px
	}

	.index-page02 .title {
		max-width: 360px;
		font-size: 22px;
		padding: 0 36px 70px;
		transform: translateY(30px)
	}

	.index-page02 .text {
		font-size: 14px;
		line-height: 22px;
		height: 118px;
		padding-top: 30px
	}

	.index-page02 .other {
		padding: 0 36px 40px;
		max-width: 360px
	}

	.index-page02 .other .icon {
		width: 24px;
		margin-left: 16px
	}
}

@media only screen and (max-width:1440px) {
	.index-banner-text {
		left: 4%;
		font-size: 36px;
		line-height: 54px;
		margin-top: -54px
	}

	.index-banner-text p:nth-of-type(2) {
		padding-left: 108px
	}

	.index-page01 {
	}

	.index-page01 .item {
		padding: 24px 36px
	}

	.index-page01 .item:nth-of-type(2) .title {
		margin-bottom: 4px
	}

	.index-page01 .item:nth-of-type(2) .tit1 {
		font-size: 13px;
		left: 36px;
		bottom: 16px
	}

	.index-page01 .item:nth-of-type(3):after {
		transform: translateX(72.5%) skewX(-17deg)
	}

	.index-page01 .t1 {
		font-size: 20px;
		padding-right: 14px
	}

	.index-page01 .t2 {
		transform: scale(.8)
	}

	.index-page01 .title {
		margin-bottom: 30px
	}

	.index-page01 .text {
		padding-bottom: 16px
	}

	.index-page01 .tx1 {
		font-size: 50px
	}

	.index-page01 .tx2 {
		font-size: 14px
	}

	.index-page01 .tx3 {
		font-size: 14px;
		letter-spacing: 0
	}

	.index-page01 .content {
		font-size: 13px;
		padding-right: 40%;
		letter-spacing: 0;
		line-height: 22px;
		height: 66px
	}

	

	.index-page03 .t1 {
		font-size: 40px
	}

	.index-page03 .t2 {
		font-size: 14px
	}

	.index-page03 .t3 {
		font-size: 16px;
		padding-right: 48px;
		background-size: 30px
	}

	.index-page03 .mousewheel-wrap {
		height: 140px;
		width: 18px;
		bottom: -140px
	}

	.index-page03 .bottom {
		padding: 190px 0 48px
	}

	.index-page03 .btn {
		width: 80px;
		height: 40px;
		background-size: 26px
	}

	.index-page02 {
		padding-top: 50px
	}

	.index-page02 .title {
		font-size: 20px;
		padding: 0 36px 60px
	}
}



@media only screen and (max-width:1200px) {
	

	.index-page02 .title {
		font-size: 18px
	}
}

@media only screen and (max-width:1100px) {
	.index-page02 {
		display: none
	}

	.index-page02-m {
		display: block
	}
}




@media only screen and (max-width:640px) {
	
	.index-page02-m .text {
		font-size: 13px;
		padding-top: 16px;
		margin-top: 16px
	}
}

.list1 {
    background: #f2f2f2;
}
.al_bj{background:white;height: 780px;padding-top:40px;box-sizing: border-box;overflow-x: hidden;overflow-y:hidden;}
@media (min-width: 1200px) {.al_bj {height: 500px; }}
@media (min-width: 1600px) {.al_bj {height: 500px; }}
.al_nr{background: #fff;height: 503px;padding:24px 20px 21px 25px;box-sizing: border-box;position: relative;}
.al_n{border:1px solid #d2d2d2;height: 456px;padding-left:19px;}
.al_n .tempWrap {
    width: 100% !important;
}
.al_n li{float:left;padding:19px 21px 0 0px;border-right:1px solid #d2d2d2;height:437px;margin-right:21px;width: 390px;}
.al_n li i {font-size:0;line-height: 0;overflow: hidden;width:100%;display: block;}
.al_n li i img{height: 193px;transition:all 0.5s;object-fit: cover;width:100%;}
.al_n li:hover i img{transform:scale(1.1);}

.al_n li h4 a{display: block;text-decoration: none;font-size:18px;color: #000000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;padding-top:20px;}
.al_n li:hover h4 a{color:#00284f;}
.al_n li p{font-size:14px;line-height: 30px;color: #666666;height: 124px;padding-top:6px;border-bottom:1px dashed #c3c3c3;}
.al_n li em{display: block;text-align: right;}
.al_n li em a{font-size:14px;color: #00284f;padding-right:18px;background: url(../images/al_ico1.jpg) no-repeat right;display: inline-block;margin-top:20px;font-style: normal;}
.al_n li:last-child{margin:0;border:0;}
.al_j1,.al_j2{position: absolute;top:246px;}
.al_j1{left:-70px;}
.al_j2{right:-70px;}
.container .w1200 .title h2 {
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    line-height: 55px;
    color: #333;
    font-family: "sycn";
}
.container .w1200 .tablist {
    text-align: center;
    line-height: 37px;
    margin-top: 10px;
    position: relative;
}
.container .w1200 .tablist ul {
    width: 1210px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.container .w1200 .tablist ul li {
    width: 280px;
    height: 50px;
    float: left;
    margin: 0 10px;
    text-align: center;
    line-height: 50px;
    color: #00284f;
    background: #dbdbdb;
    border-radius: 6px;
}
.mb5 {
    margin-bottom: 3%;
}
.container .w1200 .list {
    font-size: 14px;
    float: left;
    width:100%;
}
.container .w1200 .tablist ul li a {
    font-weight: 300;
    text-decoration : none;
    color: #00284f;
    font-family: MicrosoftYaHeiLight;
}
.container .w1200 .list ul li a img {
    width: 100%;
}
.container .w1200 .list ul li a span {
		font-weight: 300;
    background: #e27656;
    color: white;
}
.container .w1200 .list ul li {
    margin-right: 22px;
    width: 23%;
    float: left;
    border: 1px solid #ededed;
    transition: 0.5s all;
    overflow: hidden;
}
.container .w1200 .list ul li span {
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    display: block;
}
.container .w1200 .tablist ul li:hover{
    color: #fff;
    background: #00284f;
}
.container .w1200 .tablist ul li:hover a{
    color: #fff;
}


.jmpart2{padding:88px 0 100px;height: 560px;}
.jmpart2 .wrap{width: 1300px;margin:0 auto;}
.jmpart2 .infor {text-align:center; color:#666;}
.jmpart2 .infor .tit a{display:block;}
.jmpart2 .infor .tit a:hover{color:#929292;}
.jmpart2 .infor .tit{font-size:36px; font-weight:bold; line-height:36px; margin-bottom:16px;}
.jmpart2 .infor .con{font-size:16px; line-height:26px; padding:0 21%;}
.jmpart2 .content{margin-top:70px;}
.jmpart2 .content .list li{width:25%; float:left; text-align:center;}
.jmpart2 .content .list li .li_box .icon{width:64px; height:64px; margin:0 auto 10px; transition:all 0.5s ease;}
.jmpart2 .content .li_box:hover .icon{transform:rotateY(180deg);}
.jmpart2 .content .list li .li_box .t{font-size:18px; line-height:60px; color:#666; margin-bottom:10px;height: 60px;}
.jmpart2 .content .list li .li_box .number{font-size:20px; color:#666;}
.jmpart2 .content .list li .li_box .number .num{font-size:48px; line-height:60px; color:#e27656; font-family:Impact;}
.jmpart2 .content .list li .li_box sup{font-size:36px; font-family:Arial;}

.jmpart2 .content .list li .li_box img{width:64px;height:64px;}

.ipart01{background:url(../images/ipart01_1.jpg) no-repeat center; height:331px;margin-bottom: 130px;}
.ipart01 .infor {text-align:center; color:#fff; padding-top:60px;}
.ipart01 .infor .tit a{display:block; cursor:default;color: white;}
.ipart01 .infor .tit a:hover{color:#fff;}
.ipart01 .infor .tit{font-size:36px; font-weight:bold; line-height:36px; margin-bottom:16px;}
.ipart01 .infor .con{font-size:16px; color:rgba(255,255,255,.6); line-height:26px;}
.ipart01 .content{margin-top:40px; /**/}
.ipart01 .content .item{float:left; width:20%; transition:all 0.5s ease; position:relative; height:251px; cursor:pointer; overflow:hidden;}
.ipart01 .content .item.cur{width:40%;}
.ipart01 .content .item ._img{position:absolute; left:50%; margin-left:-260px; bottom:0; width:520px; height:100%; max-width:none;}
.ipart01 .content .item .intro{position:relative; z-index:2; width:100%; height:100%;}
.ipart01 .content .item .intro .box{padding:47px 32px; ; color:#666;}
.ipart01 .content .item .intro .box .t{font-size:24px; font-weight:bold; line-height:26px; margin-bottom:17px;}
.ipart01 .content .item .intro .box .c{font-size:14px; color:#666; line-height:22px}